<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/BlogPosting">
{% include head.html %}
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<body class="has-push-menu">
    {% include minutes-to-read.html %} {% include svg-icons.html %} {% include header.html %}
    <section class="post">
        <article role="article" id="post" class="post-content" itemprop="articleBody">
            <p itemprop="post-info" class="post-info">
                {% if page.date %}
                    <span>
                        <i class="fa fa-calendar-o" aria-hidden="true"></i> 
                        {{page.date | date: '%Y-%m-%d'}}&nbsp;&nbsp;&nbsp;&nbsp;
                    </span> 
                {% endif %}
                {% if page.author %}
                    <span>
                        <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                        {{ page.author}} 
                    </span>
                {% endif %}
            </p>
            <h1 class="post-title" itemprop="name">{{ page.title }}</h1>
            <p itemprop="description" class="subtitle">{{ page.description }}</p>
            {% if page.image %}
                <img src="{{ site.url | append : "/images/" | append : page.image }}" alt="can not find image" class="post-cover"> 
            {% endif %}
            {{ content }}
        </article>
        {% include footer.html %}
    </section>
</body>

</html>